<template>
    <Modal v-model="Is_show" width="500" :styles="{top: '20vh'}" @on-cancel="onClose">
        <p slot="header"></p>
        <div class="submit_success">
            <div class="ico">
                <img src="~/static/image/ico/success.png" alt="">
            </div>
            <h1>{{title}}</h1>
            <div class="des">{{des}}</div>
        </div>
        <div slot="footer"></div>
    </Modal>
</template>
<script>
import {mapState,mapMutations} from 'vuex'
export default {
    props: {
        is_show:{
            type:Boolean,
            default:false
        },
        title:{
            type:String,
            default:'已成功提交申请'
        },
        des:{
            type:String,
            default:'客服顾问将会在稍后给您致电请耐心等待'
        },
    },
    data(){
        return{
            Is_show:this.is_show
        }
    },
    created(){
        
    },
    computed:{
		...mapState(['address'])
	},
    methods:{
        // 关闭
        onClose(){
            console.log('Is_show----------------',this.Is_show)
            this.$emit('onClose',false)
        }
    },
    watch:{
        is_show(val, oldVal){//普通的watch监听
            console.log('value----------------',val)
            this.Is_show = val
        }
    }
}
</script>
<style scoped>
    >>>.ivu-modal-header{
        border-bottom:0;
        padding: 0;
    }
    >>>.ivu-modal-footer{
        border-top: 0;
        padding: 0;
    }
    >>>.ivu-modal-content{
        height: 550px;
        display: flex;
        align-items: center;
        background: url(~/static/image/popupbg.png)left top no-repeat;
    }
    .submit_success{
        text-align: center;
        padding: 0 107px;
    }
    .submit_success .ico,.submit_success .ico img{
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    .submit_success h1{
        font-size: 30px;
        font-weight: 400;
        color: #333333;
        margin:19px 0 38px 0;
    }
    .submit_success .des{
        font-size: 16px;
        font-weight: 400;
        color: #666666;
    }
</style>
